<template>
  <div>
    <h2>Login</h2>
    <div>{{ count }}</div>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  // `setup` 是一个特殊的钩子，专门用于组合式 API。
  setup() {
    const count = ref(0)

    // 将 ref 暴露给模板，返回给组合式的data（）函数；
    return {
      count
    }
  }
}
</script>
